<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta name="Generator" content="EditPlus">  
        <meta name="Author" content="">  
        <meta name="Keywords" content="">  
        <meta name="Description" content="">  
        <title>隔行变色的商品列表</title>  
 <link rel="stylesheet" href="css/product.css">  
		<title></title>
	</head>
	<body>
 <div class="contain">  
 <table border="0" width="100%" cellspacing="0">  
 <tr class="t-head">  
 <th width="50%">商品</th>  
 <th width="10%">单价</th>  
 <th width="10%">数量</th>  
 <th>操作</th>  
 </tr>  
 <tr>  
 <td>  
 <img src="../img/f1.jpg" width="50" height="50"/>
 <a href="">丹幕妮通勤波点印花毛衣</a>  
 </td>  
 <td>180.0</td>  
 <td>3</td>  
 <td><a href=" " id="del">删除</a></td>  
 </tr>  
 <tr>  
 <td>  
 <img src="../img/f2.jpg" width="50" height="50"/>  
 <a href="">预售太平洋女装连衣裙</a>  
 </td>  
 <td>765.0</td>  
 <td>4</td>  
 <td><a href="javascript:void(0);" id1="del"></a></td>  
 </tr>  
 <tr>  
 <td>  
 <img src="../img/f3.jpg" width="50" height="50"/>  
 <a href="">丹幕妮通勤红色小外套</a>  
 </td>  
 <td>456.0</td>  
 <td>2</td>  
 <td><a href="javascript:void(0);" id2="del">删除</a></td>  
 </tr>  
 <tr>  
 <td>  
 <img src="../img/f4.jpg" width="50" height="50"/>  
 <a href="">漫巴森秋装新款套头衫</a>  
 </td>  
 <td>140.0</td>  
 <td>1</td>  
 <td><a href="javascript:void(0);" id3 ="del"></a></td>  
 </tr>  
 </table>  
 </div>  
 </body>  
 <script src="js/jquery-1.12.4.js"></script>  
 <script>  
 $(document).ready(function(){  
 $(".contain tr:not(.t-head):even").css("background","#eff7d1");  
 $(".contain tr:not(.t-head):odd").css("background","#f7e195");  
 });  <div class="contain">  
 <table border="0" width="100%" cellspacing="0">  
 <tr class="t-head">  
 <th width="50%">商品</th>  
 <th width="10%">单价</th>  
 <th width="10%">数量</th>  
 <th>操作</th>  
 </tr>  
 <tr>  
 <td>  
 <img src="img/f1.jpg" width="50" height="50"/>  
 <a href="">丹幕妮通勤波点印花毛衣</a>  
 </td>  
 <td>180.0</td>  
 <td>3</td>  
 <td>< a href=" " id="del">删除</a></td>  
 </tr>  
 <tr>  
 <td>  
 <img src="img/f2.jpg" width="50" height="50"/>  
 <a href="">预售太平洋女装连衣裙</a>  
 </td>  
 <td>765.0</td>  
 <td>4</td>  
 <td><a href="javascript:void(0);" id1="del"></a></td>  
 </tr>  
 <tr>  
 <td>  
 <img src="img/f3.jpg" width="50" height="50"/>  
 <a href="">丹幕妮通勤红色小外套</a>  
 </td>  
 <td>456.0</td>  
 <td>2</td>  
 <td>< a href="javascript:void(0);" id2="del"></a></td>  
 </tr>  
 <tr>  
 <td>  
 <img src="img/f4.jpg" width="50" height="50"/>  
 <a href="">漫巴森秋装新款套头衫</ a>  
 </td>  
 <td>140.0</td>  
 <td>1</td>  
 <td>< a href="javascript:void(0);" id3 ="del"></a></td>  
 </tr>  
 </table>  
 </div>  
 </body>  
 <script src="js/jquery-1.12.4.js"></script>  
 <script>  
 $(document).ready(function){  
 $(".contain tr:not(.t-head):even").css("background","#eff7d1");  
 $(".contain tr:not(.t-head):odd").css("background","#f7e195");  
 };
	</body>
</html>
